﻿@theme: "../refs/";

@import "@{theme}variables.less";
@import "@{theme}mixins.less";
@default-btn-border: 2px solid rgba(147, 147, 147, 0.8);

.page {
    //base style elements
    .page-title {
        float: none;
        padding: 5px 0;
    }

    .page-body {
        clear: both;
    }

    .btn-default {
        border: @default-btn-border;
        width: 250px;
    }

    .field-validation-error {
        color: red;
    }
    //base style elements end
    .clearfix();
    // for page block module within page.
    .page-block {
        clear: both;
        overflow: hidden;
        border: 1px solid #ccc;
        padding-bottom: 5px;
        margin-bottom: 10px;

        .title {
            font-size: @font-size-base;
            padding: 2px 5px;
            background: rgba(221, 221, 221, 0.80);
        }

        .text, .contents {
            padding: 10px;
        }
    }

    .message-error {
        color: red;
        padding: 5px;

        ul {
            padding: 0;
        }

        li {
            list-style: none;
        }
    }
    // provider basic form style for all uniform form.
    .basic-form {

        .buttons, .captcha-box {
            padding-left: 120px;
        }

        .form-item {
            .clearfix();
            margin: 5px 0;

            label {
                width: 120px;
                text-align: right;
                padding-right: 5px;
                padding-top: 5px;
                float: left;
            }

            .text-area, textarea.form-control {
                height: 80px;
                width: 400px;
            }

            .text-box, .form-control {
                width: 250px;
                padding-top: 5px;
                padding-bottom: 5px;
                height: auto;
                float: left;
            }

            .field-validation-error {
                float: left;
                padding-left: 5px;
            }

            .required {
                color: red;
                float: left;
                padding-left: 20px;
            }
        }
    }
    // uniform table styles.
    .data-table {
        border: 1px solid #ccc;
        border-collapse: collapse;
        width: 98%;
        margin: 10px auto;

        th, td {
            border: 1px solid #ccc;
            padding: 5px;
        }

        th {
            background: #f0f0f0;
        }
    }
}

.pager li {
    margin: 0 2px;

    &.current-page {
        span {
            background-color: @brand-success;
            color: #fff;
        }
    }
}
